// pages/login/login.js

// 引入request 接口函数
import request from '../../utils/request'
Page({
  // 收集文本框中的数据
  handlerInput(event){
    // 获取文本框的类型
    const type = event.currentTarget.id;
    // 获取文本框中输入的数据
    const value = event.detail.value;
    // FIXME: 存储数据
    this.setData({
      [type]:value
    })
  },
  // 点击登录按钮的回调函数
  async login(){
    // 获取账号和密码
    const {phone,password} = this.data;
    // 1.验证数据(前台)
    // 验证手机号是否为空
    if(!phone){
      wx.showToast({
        title: '请输入手机号码',
        icon: 'none',
      })
      return 
    }
    // 验证手机号的格式是否正确
    const reg = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/.test(phone);
    if(!reg){
      wx.showToast({
        title:'输入号码不正确',
        icon:'none',
      })
      return
    }
    // 密码不能为空
    if(!password){
      wx.showToast({
        title: '请输入账号密码',
        icon: 'none',
      })
      return
    }
    // 2.调用接口
    const result = await request('/login/cellphone',{phone,password})
    // 3.后台验证--是否登录成功
    if(result.code == 200){
      // 缓存用户信息
      wx.setStorageSync('userInfo',JSON.stringify(result.profile))
      // 4.成功:路由跳转到个人页面
      wx.reLaunch({
        url:'/pages/personal/personal'
      })
    }else if(result.code == 400){// 5.失败:提示错误信息
      wx.showToast({
        title: '帐号或者密码错误',
        icon: 'none'
      })
    }else if(result.code == 501){
      wx.showToast({
        title: '帐号不存在',
        icon: 'none'
      })
    }else if(result.code == 502){
      // 帐号是对的,密码错了
      wx.showToast({
        title: '密码不正确',
        icon: 'none'
      })
    }else{
      wx.showToast({
        title: '其他错误',
        icon: 'none'
      })
    }
    
    
  },




  // 页面的初始数据
  data: {
    phone:'18101085318',//手机号
    password:'24kcsYHB',//密码
  },

  // 生命周期函数--监听页面加载
  onLoad: function (options) {

  },

  // 生命周期函数--监听页面初次渲染完成
  onReady: function () {

  },

  // 生命周期函数--监听页面显示
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})